<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-GB" xml:lang="en-GB">
	<head>
		<title>mimer</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<meta http-equiv="Content-Script-Type" content="text/javascript" />
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<meta http-equiv="Content-Language" content="en-GB" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		
		<style type="text/css">
			body {
				font-family: Arial, Helvetica, sans-serif;
				margin: 0;
				padding: 0;
			}
			div {
				background: #ccc;
			}	
			iframe {
				width: 100%;
			}
		</style>
		
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
		<script type="text/javascript" src="juxtapo.js"></script>
		<script type="text/javascript">
			var currentUrl = "";
			juxtapo.secondsBeforeRefresh = 30;
			juxtapo.currentStatus = juxtapo.statuses.off;
			function setUrl(url){
				//if (url != currentUrl){
					$("#testingSite").attr("src",url);
					$("#currentUrl").text(url);
					currentUrl = url;									
				//}
			};
			function refresh(){
				var cfg = juxtapo.utils.getQuery("cfg");
				if (typeof(cfg) != "undefined"){
					var scriptTag = '<script type="text/javascript" src="' + cfg + '"><' + '/' + 'script>';
					$("head").append(scriptTag);
				}
			};
			$().ready(function(){
				var iframeHeight = $(document).height() - $("#infoBar").height() - 35; 
				$("#testingSite").height(iframeHeight);
				refresh()
				setInterval(refresh,juxtapo.secondsBeforeRefresh * 1000);
			});
		</script>
		
	</head>
	<body>
		<div id="infoBar">
			Current url: <span id="currentUrl"></span>
		</div>
		<iframe id="testingSite" width="400" height="400" src=""></iframe>
	</body>
</html>
